<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Sistema de Informaci&oacute;n para Salud SALUS</title>
        <link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
        <link type="text/css" href="../common/css/styles.css" rel="stylesheet" />
        <script type="text/javascript" src="../common/js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="../common/js/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="../common/js/jquery.layout.js"></script>
        <script type="text/javascript" src="../common/js/calendarioui-es.js"></script>
        <script type="text/javascript" src="../common/js/global.js"></script>
        <script type="text/javascript" src="../common/js/banner.js"></script>          
        <link type="text/css" href="../common/css/global.css" rel="stylesheet" />

        <script type="text/javascript">

            $(document).ready(function(){
                $(".ui-layout-pane-center")
                .tabs({
                    change: function () {  }
                })
                .find(".ui-tabs-nav")
                .sortable({ axis: 'x', zIndex: 2 })
                ;
            })
        </script>
        <style>
            /*
                 *	TAB-THEME ADJUSTMENTS
            */
            .ui-tabs-nav li {
                white-space:	nowrap;
            }
            .ui-tabs-nav li a {
                font-size:		1em !important;
                padding:		4px 1.5ex 3px !important;
            }
            .ui-tabs-panel {
                font-size:		1em !important;
                padding:		0 1em !important;
            }


            .ui-layout-pane-center {
                background:	#FFD; /* to make pane background stand-out */
                padding:	10px;
            }
            .ui-layout-pane-center .ui-tabs-nav {
                /* remove rounded corners from bottom of 'tabs'*/
                -moz-border-radius-bottomleft:		0;
                -moz-border-radius-bottomright:		0;
                -webkit-border-bottom-left-radius:	0;
                -webkit-border-bottom-right-radius:	0;
            }
            /* add border to the content-div - looks like border on the tab-panel */
            .ui-layout-pane-center .ui-layout-content {
                background:	#FFF;
                border:			1px solid #AAA;
                border-top:		0;
                /* hard-coded the ui-corner-bottom class to this div to round the corners */
            }

        </style>


        <script type="text/javascript">
            $(function() {
	
                var menu_ul = $('.menu > li > ul'),
                menu_a  = $('.menu > li > a');
	    
                menu_ul.hide();
	
                menu_a.click(function(e) {
                    e.preventDefault();
                    if(!$(this).hasClass('active')) {
                        menu_a.removeClass('active');
                        menu_ul.filter(':visible').slideUp('normal');
                        $(this).addClass('active').next().stop(true,true).slideDown('normal');
                    } else {
                        $(this).removeClass('active');
                        $(this).next().stop(true,true).slideUp('normal');
                    }
                });
	
            });
        </script>

    </head>

    <body>
        <!--ENCABEZADO COLAPSABLE-->
        <div class="ui-layout-north" style="height: 20px" >

            <div id="dialogo-salir" title="Confirmacion" style="display: none">
                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
                    </span>Seguro que desea salir de la aplicaci&oacute;n?
                </p>
            </div>

            <div class="ui-corner-all" style="height: 57px">

                <div class="ui-widget-content ui-corner-all" style="height: 55px" >

                    <div style="position: absolute;left:100px; font-size: 15px"><br/>
                        Salus - V. 0.1
                    </div>

                    <div style="position: absolute; left: 700px; font-size: 15px">
                        <table>
                            <tr>                                
                                <img src="common/img/cliente.png" width="24px" height="24px"/>
                                <label>#{loginBean.nombreUsuario}</label> 
                            </tr>
                        </table>    
                    </div>

                    <!--<div>
               <h:outputText id="login" value="#{loginBean.nombreUsuario}"></h:outputText>
           </div>-->

                    <div style="float: right; position: absolute;">                
                        <img height="50" src="common/img/oms.png"/>                
                    </div>

                    <div style="float: right;">
                        <br />
                        <img alt="Salir" id="salir" title="Salir" style="cursor: pointer" src="common/img/exit1.png" height="16px" width="16px"/>&nbsp;&nbsp;
                    </div>

                </div>

            </div>

        </div>



        <!--CONTENIDO LADO IZQUIERDO-->
        <div class="ui-layout-west">
            <div id="wrapper">

                <ul class="menu">
                    <li class="item1"><a href="#">Producci&oacute;n <span>100</span></a>
                        <ul>
                            <li class="subitem1"><a href="#" id="lk_admision">Admisi&oacute;n <span>14</span></a></li>
                            <li class="subitem2"><a href="#" id="lk_citas">Citas <span>6</span></a></li>    

                            <li class="subitem3"><a href="#" id="lk_planeacionpyp">Planeaci&oacute;n PYP <span>2</span></a></li>
                            <li class="subitem4"><a href="#" id="lk_historiaclinica">Historia Cl&iacute;nica <span>3</span></a></li>
                            <li class="subitem5"><a href="#" id="lk_contratacion">Contrataci&oacute;n <span>3</span></a></li>
                            <li class="subitem6"><a href="#" id="lk_facturacion">Facturaci&oacute;n <span>3</span></a></li>                            
                            <li class="subitem7"><a href="#" id="lk_citasus">Citas Usuarios <span>16</span></a></li>
                            
                        </ul>
                    </li>

                    <li class="item2"><a href="#">Gesti&oacute;n <span>200</span></a>
                        <ul>
                            <li class="subitem1"><a href="#" id="lk_entidad">Entidades <span>14</span></a></li>
                            <li class="subitem2"><a href="#" id="lk_pacientes">Pacientes <span>14</span></a></li>
                            <li class="subitem3"><a href="#" id="lk_cargapacientes">Cargar Pacientes <span>14</span></a></li>
                            <li class="subitem4"><a href="#" id="lk_facturas">Facturas <span>6</span></a></li>
                            <li class="subitem5"><a href="#" id="lk_medico">M&eacute;dicos <span>2</span></a></li>
                            <li class="subitem6"><a href="#" id="lk_agendamedica">Agenda M&eacute;dica <span>2</span></a></li>
                            <li class="subitem7"><a href="#" id="lk_generacionrips">Generaci&oacute;n RIPS <span>2</span></a></li>
                            <li class="subitem8"><a href="#" id="lk_citasasistencia">Asistencia Citas <span>16</span></a></li>
                            <li class="subitem9"><a href="#" id="lk_bloquear_turnos">Bloquear Turnos<span>16</span></a></li>
                            <li class="subitem10"><a href="#" id="lk_mostrar_directorio_rip">Descargar Rips <span>11</span></a></li>
                            
                            
                            
                        </ul>
                    </li>

                    <li class="item3"><a href="#">Administraci&oacute;n <span>300</span></a>
                        <ul>
                            <li class="subitem1"><a href="#" id="lk_grupoactividad">Grupo Actividad <span>14</span></a></li>
                            <li class="subitem2"><a href="#" id="lk_actividad">Actividad <span>6</span></a></li>
                            <li class="subitem3"><a href="#" id="lk_configuracionactividadpyp">Actividad PYP<span>2</span></a></li>
                            <li class="subitem4"><a href="#" id="lk_especialidades">Especialidades<span>2</span></a></li>
                            <li class="subitem5"><a href="#" id="lk_manual">Manuales<span>2</span></a></li>
                            <li class="subitem6"><a href="#" id="lk_programapyp">Programa PYP<span>2</span></a></li>
                            <li class="subitem7"><a href="#" id="lk_reglaliquidacion">Regla Liquidaci&oacute;n<span>2</span></a></li>
                            <li class="subitem8"><a href="#" id="lk_prestador">Prestador<span>21</span></a></li>

                        </ul>
                    </li>
                    <li class="item4"><a href="#">Documentaci&oacute;n <span>400</span></a>
                        <ul>
                            <li class="subitem1"><a href="#">Informe Facturas <span>14</span></a></li>
                        </ul>
                    </li>
                    <li class="item5"><a href="#">Ayuda <span>500</span></a>
                        <ul>
                            <li class="subitem1"><a href="#">Sistema <span>14</span></a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>

        <!--CONTENIDO LADO DERECHO-->

        <!--<div class="ui-layout-east">
                Contenido opcional de lado derecho
                <br />
                <table>
                    <tr>
                        <td>Seleccion Fecha</td>
                        <td><input id="datepicker" size="10" type="text" />      </td>
                    </tr>
                </table>
        
        
                <p><button onclick="myLayout.close('east')">Cerrar Panel</button></p>
        </div>-->

        <!--CONTENIDO PRINCIPAL-->
        <div class="ui-layout-center">

            <iframe src="about:blank" id="ventasifr" width="100%" height="735px" frameborder="0" />

        </div>

        <!--CONTENIDO DEL FOOTER-->
        <div class="ui-layout-south">
            TRANDIO - Derechos Reservados 2012 &copy;
        </div>

    </body>
</html>